<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="static/bootstrap/css/bootstrap.css">
<script src="static/js/jquery-3.3.1.min.js"></script>
<script src="static/bootstrap/js/bootstrap.js"></script>

<style>
		.row {
            margin-bottom: 30px;
            margin-right:0 !important;
            margin-left:0 !important; 
        }        
        
        .form-group{
            margin-bottom: 30px;
        }
        .submit{
            margin-left: 30px;
        }

        .modal-btns{
            text-align: center;
        } 
</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row">
	        <div>
	            <ol class="breadcrumb">
	                <li><a href="#"  class="btn btn-primary btn-sm" role="button"><span class="glyphicon glyphicon-home pull-right" aria-hidden="true"></span>&nbsp;&nbsp; 主&nbsp;&nbsp; 页</a></li>
	                <li class="active">文章管理</li>
	                <li><a href="#">文章管理</a></li>
	                <li class="active">文章添加</li>
	            </ol>
	        </div>
	    </div>
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <form class="form-horizontal" action="#" method="post" enctype="multipart/form-data">
                    <!-- 文章标题-->
                    <div class="form-group">
                        <label for="articeTitle" class="col-lg-2 control-label">标题</label>
                        <div class="col-lg-10">
                            <input type="text" class="form-control" id="articeTitle" name="articeTitle" placeholder="输入标题">
                        </div>
                    </div>

                    <!-- 演示初始化下拉列表的功能 -->
                    <div class="form-group">
                        <label for="articleType" class="col-lg-2 control-label">文章类型</label>
                        <div class="col-lg-10">
                            <select class="form-control" name="typeId" id="articleType">
                            	<option value="ca4331e2-fad7-4a05-a094-d8d0c5e445ea">行业新闻</option>
                            	<option value="ererer">大事件</option>                            	
                            	<option value="yuess">行业介绍</option>
                            </select>
                        </div>
                    </div>

                    <!-- 演示图片上传功能 -->
                    <div class="form-group">
                        <label class="control-label col-lg-2" for="file">图片</label>
                        <div class="col-lg-10">
                            <input type="file" id="file" name="file" multiple>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-lg-2" for="content">文章内容</label>
                        <div class="col-lg-10">
                            <textarea rows="30" cols="62" name="newsContent" id="content" class="form-control"></textarea>
                        </div>
                    </div>

                    <div class="modal-btns">
                        <button type="button" class="btn btn-primary submit">添 加</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>